
//------------ 顶栏
$--header-bg-color: #fff;
$--herder-color: #333;
$--header-divider-color: #999;
$--header-icon-divider-color: #EDEDED;
$--header-icon-color: #D6D6D6;
$--header-icon-hover-color: #84B6FA;

//------------ 顶栏-菜单
$--header-menu-bg-color: linear-gradient(90deg, #4998F0 0%, #4974F0 100%); //顶栏-菜单背景颜色
$--header-menu-boxshadow-color: rgba(39, 70, 136, 0.2); //顶栏-菜单阴影颜色
$--header-menu-item-bg-color: transparent; //顶栏-菜单项背景颜色
$--header-menu-item-color: #fff; //顶栏-菜单项字体颜色
$--header-menu-item-hover-bg-color: #3E86EA; //顶栏-菜单项 hover 背景颜色
$--header-menu-item-hover-color: #fff; //顶栏-菜单项 hover 字体颜色
$--header-menu-item-active-bg-color: #FFB534; //顶栏-菜单项选中背景颜色
$--header-menu-item-active-color: #fff; //顶栏-菜单项选中字体颜色
$--header-menu-more-bg-color: transparent; //顶栏-菜单 更多按钮背景颜色
$--header-menu-more-color: #fff; //顶栏-菜单 更多按钮字体颜色
$--header-menu-more-hover-bg-color: #3E86EA; //顶栏-菜单 更多按钮字体颜色
$--header-menu-more-hover-color: #fff; //顶栏-菜单 更多按钮字体颜色
$--header-menu-more-active-bg-color: #3E86EA; //顶栏-菜单 更多按钮字体颜色
$--header-menu-more-active-color: #fff; //顶栏-菜单 更多按钮字体颜色

//------------ 顶栏-下拉菜单
$--context-menu-bg-color: #fff;
$--context-menu-boxshadow-color: rgba(51, 51, 51, 0.05);
$--context-menu-item-bg-color: transparent;
$--context-menu-item-color: #666;
$--context-menu-item-icon-color: #D6D6D6;
$--context-menu-item-border-color: #c6c6c8;
$--context-menu-item-hover-bg-color: transparent;
$--context-menu-item-hover-color: #666;
$--context-menu-item-hover-icon-color: #D6D6D6;
$--context-menu-item-active-color: #666;
$--context-menu-item-active-icon-color: #84B6FA;
$--context-menu-item-active-bg-color: transparent;
$--context-menu-item-active-border-color: #84B6FA;

//------------ 主区域
$--main-bg-color: #F2F4F7; //主区域-背景颜色


//------------- 主界面按钮
//查询按钮
$--main-btn-query-bg-color: transparent;
$--main-btn-query-color: #333;
$--main-btn-query-icon-color: #498FF0;
$--main-btn-query-border-color: #498FF0;
$--main-btn-query-hover-bg-color: #F4F9FF;
$--main-btn-query-hover-color: #333;
$--main-btn-query-hover-icon-color: #498FF0;
$--main-btn-query-hover-border-color: #498FF0;
$--main-btn-query-active-bg-color: #E9F3FF;
$--main-btn-query-active-color: #333;
$--main-btn-query-active-icon-color: #498FF0;
$--main-btn-query-active-border-color: #498FF0;
$--main-btn-query-disabled-bg-color: #F6F6F6;
$--main-btn-query-disabled-color: #C6C6C6;
$--main-btn-query-disabled-icon-color: #D3D3D3;
$--main-btn-query-disabled-border-color: #DDDDDD;

//操作按钮-灰边白底
$--main-btn-weak-bg-color: transparent;
$--main-btn-weak-color: #999;
$--main-btn-weak-border-color: #ddd;
$--main-btn-weak-hover-bg-color: #F4F9FF;
$--main-btn-weak-hover-color: #999;
$--main-btn-weak-hover-border-color: #ddd;
$--main-btn-weak-active-bg-color: #E9F3FF;
$--main-btn-weak-active-color: #999;
$--main-btn-weak-active-border-color: #ddd;
$--main-btn-weak-disabled-bg-color: #F6F6F6;
$--main-btn-weak-disabled-color: #C6C6C6;
$--main-btn-weak-disabled-border-color: #ddd;

//常见按钮
$--main-btn-common-bg-color: transparent;
$--main-btn-common-color: #333;
$--main-btn-common-icon-color: #498FF0;
$--main-btn-common-border-color: #498FF0;
$--main-btn-common-hover-bg-color: #F4F9FF;
$--main-btn-common-hover-color: #333;
$--main-btn-common-hover-icon-color: #498FF0;
$--main-btn-common-hover-border-color: #498FF0;
$--main-btn-common-active-bg-color: #E9F3FF;
$--main-btn-common-active-color: #333;
$--main-btn-common-active-icon-color: #498FF0;
$--main-btn-common-active-border-color: #498FF0;
$--main-btn-common-disabled-bg-color: #F6F6F6;
$--main-btn-common-disabled-color: #C6C6C6;
$--main-btn-common-disabled-icon-color: #D3D3D3;
$--main-btn-common-disabled-border-color: #DDDDDD;

//次要按钮
$--main-btn-normal-o-bg-color: transparent;
$--main-btn-normal-o-color: #498FF0;
$--main-btn-normal-o-icon-color: #498FF0;
$--main-btn-normal-o-border-color: #498FF0;
$--main-btn-normal-o-hover-bg-color: rgba(73, 143, 240, 0.05);
$--main-btn-normal-o-hover-color: #498FF0;
$--main-btn-normal-o-hover-icon-color: #498FF0;
$--main-btn-normal-o-hover-border-color: #498FF0;
$--main-btn-normal-o-disabled-bg-color: #F6F6F6;
$--main-btn-normal-o-disabled-color: #C6C6C6;
$--main-btn-normal-o-disabled-icon-color: #D3D3D3;
$--main-btn-normal-o-disabled-border-color: #DDDDDD;

$--main-btn-warning-o-bg-color: transparent;
$--main-btn-warning-o-color: #F7942B;
$--main-btn-warning-o-icon-color: #F7942B;
$--main-btn-warning-o-border-color: #F7942B;
$--main-btn-warning-o-hover-bg-color: rgba(247, 148, 43, 0.05);
$--main-btn-warning-o-hover-color: #F7942B;
$--main-btn-warning-o-hover-icon-color: #F7942B;
$--main-btn-warning-o-hover-border-color: #F7942B;
$--main-btn-warning-o-disabled-bg-color: #F6F6F6;
$--main-btn-warning-o-disabled-color: #C6C6C6;
$--main-btn-warning-o-disabled-icon-color: #D3D3D3;
$--main-btn-warning-o-disabled-border-color: #DDDDDD;

$--main-btn-success-o-bg-color: transparent;
$--main-btn-success-o-color: #2FB238;
$--main-btn-success-o-icon-color: #2FB238;
$--main-btn-success-o-border-color: #2FB238;
$--main-btn-success-o-hover-bg-color: rgba(47, 178, 56, 0.05);
$--main-btn-success-o-hover-color: #2FB238;
$--main-btn-success-o-hover-icon-color: #2FB238;
$--main-btn-success-o-hover-border-color: #2FB238;
$--main-btn-success-o-disabled-bg-color: #F6F6F6;
$--main-btn-success-o-disabled-color: #C6C6C6;
$--main-btn-success-o-disabled-icon-color: #D3D3D3;
$--main-btn-success-o-disabled-border-color: #DDDDDD;

//主要按钮-蓝边白底
$--main-btn-normal-bg-color: transparent;
$--main-btn-normal-color: #498FF0;
$--main-btn-normal-border-color: #498FF0;
$--main-btn-normal-hover-bg-color: #F4F9FF;
$--main-btn-normal-hover-color: #498FF0;
$--main-btn-normal-hover-border-color: #498FF0;
$--main-btn-normal-active-bg-color: #E9F3FF;
$--main-btn-normal-active-color: #498FF0;
$--main-btn-normal-active-border-color: #498FF0;
$--main-btn-normal-disabled-bg-color: #F6F6F6;
$--main-btn-normal-disabled-color: #C6C6C6;
$--main-btn-normal-disabled-border-color: #DDDDDD;

//主要按钮-蓝色
$--main-btn-primary-bg-color: rgba(73, 143, 240, 1);
$--main-btn-primary-color: #fff;
$--main-btn-primary-border-color: transparent;
$--main-btn-primary-hover-bg-color: rgba(73, 143, 240, .7);
$--main-btn-primary-hover-color: #fff;
$--main-btn-primary-hover-border-color: transparent;
$--main-btn-primary-active-bg-color: rgba(73, 143, 240, .5);
$--main-btn-primary-active-color: #fff;
$--main-btn-primary-active-border-color: transparent;
$--main-btn-primary-disabled-bg-color: rgba(73, 143, 240, .3);
$--main-btn-primary-disabled-color: #fff;
$--main-btn-primary-disabled-border-color: transparent;

//主要按钮-橙色
$--main-btn-warning-bg-color: rgba(247, 148, 43, 1);
$--main-btn-warning-color: #fff;
$--main-btn-warning-border-color: transparent;
$--main-btn-warning-hover-bg-color: rgba(247, 148, 43, .7);
$--main-btn-warning-hover-color: #fff;
$--main-btn-warning-hover-border-color: transparent;
$--main-btn-warning-active-bg-color: rgba(247, 148, 43, .5);
$--main-btn-warning-active-color: #fff;
$--main-btn-warning-active-border-color: transparent;
$--main-btn-warning-disabled-bg-color: rgba(247, 148, 43, .3);
$--main-btn-warning-disabled-color: #fff;
$--main-btn-warning-disabled-border-color: transparent;

//主要按钮-绿色
$--main-btn-success-bg-color: rgba(47, 178, 56, 1);
$--main-btn-success-color: #fff;
$--main-btn-success-border-color: transparent;
$--main-btn-success-hover-bg-color: rgba(47, 178, 56, .7);
$--main-btn-success-hover-color: #fff;
$--main-btn-success-hover-border-color: transparent;
$--main-btn-success-active-bg-color: rgba(47, 178, 56, .5);
$--main-btn-success-active-color: #fff;
$--main-btn-success-active-border-color: transparent;
$--main-btn-success-disabled-bg-color: rgba(47, 178, 56, .3);
$--main-btn-success-disabled-color: #fff;
$--main-btn-success-disabled-border-color: transparent;

//主要按钮-红色
$--main-btn-danger-bg-color: rgba(219, 73, 49, 1);
$--main-btn-danger-color: #fff;
$--main-btn-danger-border-color: transparent;
$--main-btn-danger-hover-bg-color: rgba(219, 73, 49, .7);
$--main-btn-danger-hover-color: #fff;
$--main-btn-danger-hover-border-color: transparent;
$--main-btn-danger-active-bg-color: rgba(219, 73, 49, .5);
$--main-btn-danger-active-color: #fff;
$--main-btn-danger-active-border-color: transparent;
$--main-btn-danger-disabled-bg-color: rgba(219, 73, 49, .3);
$--main-btn-danger-disabled-color: #fff;
$--main-btn-danger-disabled-border-color: transparent;

//其他按钮
$--main-btn-other-bg-color: #498FF0;
$--main-btn-other-color: #fff;
$--main-btn-other-border-color: transparent;
$--main-btn-other-hover-bg-color: rgba(73, 143, 240, .7);
$--main-btn-other-hover-color: #fff;
$--main-btn-other-hover-border-color: transparent;
$--main-btn-other-active-bg-color: rgba(73, 143, 240, .5);
$--main-btn-other-active-color: #fff;
$--main-btn-other-active-border-color: transparent;
$--main-btn-other-disabled-bg-color: rgba(73, 143, 240, .3);
$--main-btn-other-disabled-color: #fff;
$--main-btn-other-disabled-border-color: transparent;

//操作按钮
$--main-btn-icon-bg-color: transparent;
$--main-btn-icon-color: #498FF0;
$--main-btn-icon-border-color: #ddd;
$--main-btn-icon-hover-bg-color: #F4F9FF;
$--main-btn-icon-hover-color: #498FF0;
$--main-btn-icon-hover-border-color: #ddd;
$--main-btn-icon-active-bg-color: #E9F3FF;
$--main-btn-icon-active-color: #498FF0;
$--main-btn-icon-active-border-color: #ddd;
$--main-btn-icon-disabled-bg-color: #F6F6F6;
$--main-btn-icon-disabled-color: #d3d3d3;
$--main-btn-icon-disabled-border-color: #ddd;

//功能按钮
$--main-btn-opt-color: #498FF0;
$--main-btn-opt-bg-color: transparent;
$--main-btn-opt-border-color: transparent;
$--main-btn-opt-icon-color: #498FF0;
$--main-btn-opt-hover-color: #3984ED;
$--main-btn-opt-hover-bg-color: #F4F9FF;
$--main-btn-opt-hover-border-color: transparent;
$--main-btn-opt-hover-icon-color: #498FF0;
$--main-btn-opt-active-color: #2E7AE3;
$--main-btn-opt-active-bg-color: #E9F3FF;
$--main-btn-opt-active-border-color: transparent;
$--main-btn-opt-active-icon-color: #498FF0;
$--main-btn-opt-disabled-color: #C6C6C6;
$--main-btn-opt-disabled-bg-color: transparent;
$--main-btn-opt-disabled-border-color: transparent;
$--main-btn-opt-disabled-icon-color: #d3d3d3;

//无边框、背景色按钮
$--main-btn-info-color: #498FF0;
$--main-btn-info-bg-color: transparent;

//输入框、选择器
$--input-color: #333;
$--input-placeholder-color: #999;
$--input-border-color: #ddd;
$--input-bg-color: #fff;
$--input-icon: #C1C1C1;
$--input-hover-color: #333;
$--input-hover-bg-color: #fff;
$--input-hover-border-color: #ddd;
$--input-hover-icon: #999;
$--input-active-color: #333;
$--input-active-bg-color: #fff;
$--input-active-border-color: #498FF0;
$--input-active-icon: #c1c1c1;
$--input-disabled-color: #C6C6C6;
$--input-disabled-bg-color: #F6F6F6;
$--input-disabled-border-color: #ddd;
$--input-disabled-icon: #d3d3d3;
$--input-unreasonable-border-color: #F7942B;

//选择器下拉框
$--select-menu-color: #ddd;
$--select-menu-border-color: #ddd;
$--select-menu-boxshadow-color: rgba(27, 27, 27, 0.05);
$--select-menu-bg-color: #fff;
$--select-menu-item-bg-color: #fff;
$--select-menu-item-color: #666;
$--select-menu-item-hover-color: #666;
$--select-menu-item-hover-bg-color: #F4F9FF;
$--select-menu-item-active-color: #666;
$--select-menu-item-active-bg-color: #E9F3FF;

//分页
$--pagination-bg-color: transparent;
$--pagination-color: #999;

$--pagination-input-bg-color: transparent;
$--pagination-input-border-color: #ddd;
$--pagination-input-color: #FFB534;
$--pagination-input-active-border-color: #FFB534;
$--pagination-input-disabld-border-color: #ddd;

$--pagination-btn-bg-color: transparent;
$--pagination-btn-border-color: #ddd;
$--pagination-btn-color: #999;
$--pagination-btn-hover-bg-color: transparent;
$--pagination-btn-hover-border-color: #FFB534;
$--pagination-btn-hover-color: #FFB534;
$--pagination-btn-disabled-bg-color: #f6f6f6;
$--pagination-btn-disabled-border-color: #ddd;
$--pagination-btn-disabled-color: #C6C6C6;

$--pagination-btn-jump-bg-color: transparent; //跳转按钮
$--pagination-btn-jump-color: #FFB534;
$--pagination-btn-jump-border-color: #F8B551;

//------------ 侧边栏
$--aside-bg-color: #e7e3e3; //侧边栏-颜色
$--aside-color: #666; //侧边栏-字体颜色
$--aside-item-bg-color: transparent; //侧边栏-单项背景颜色
$--aside-item-color: #666; //侧边栏-单项字体颜色
$--aside-item-hover-bg-color: transparent; //侧边栏-单项hover背景颜色
$--aside-item-hover-color: #498FF0; //侧边栏-单项hover字体颜色
$--aside-item-active-bg-color: transparent; //侧边栏-单项选中背景颜色
$--aside-item-active-color: #498FF0; //侧边栏-单项选中字体颜色

//------------ 底栏
$--footer-bg-color: #8AB5F2; //底栏-背景颜色
$--footer-color: #fff; //底栏-字体颜色

//------------ 弹窗
$--model-bg-color: #fff; //弹窗背景色
$--model-header-bg-color: #498FF0; //弹窗-头部背景色
$--model-header-color: #fff; //弹窗-头部字体颜色

//------------ 树形控件
$--tree-bg-color: transparent;
$--tree-color: #333;
$--tree-disabled-color: #c6c6c6;
$--tree-expand-icon-color: #c1c1c1;
$--tree-check-icon-color: #fff;
$--tree-checkbox-bg-color: #fff; //默认背景色
$--tree-checkbox-border-color: #E2E6EC; //默认边框
$--tree-checkbox-check-bg-color: #498FF0; //勾选
$--tree-checkbox-check-border-color: #E2E6EC; //勾选
$--tree-node-hover-bg-color: transparent; //选中当前层级背景色
$--tree-node-disabled-bg-color: #F6F6F6; //禁用
$--tree-node-disabled-border-color: #E2E6EC;
$--tree-node-disabled-icon-color: #d3d3d3;

$--tree-formal-node-color: #666;
$--tree-formal-node-line-color: #ddd;
$--tree-formal-node-hover-bg-color: #F4F9FF;
$--tree-formal-node-active-bg-color: #E9F3FF;

//------------ 单选框
$--radio-color: #666;
$--radio-border-color: #498FF0;
$--radio-bg-color: #fff;
$--radio-icon-color: #498FF0;
$--radio-check-border-color: #498FF0;
$--radio-check-bg-color: #fff;
$--radio-disabled-border-color: #ddd;
$--radio-disabled-bg-color: #F6F6F6;
$--radio-disabled-icon-color: #d3d3d3;
$--radio-disabled-color: #c6c6c6;

//------------ 复选框
$--checkbox-color: #666;
$--checkbox-border-color: #E2E6EC;
$--checkbox-bg-color: #fff;
$--checkbox-icon-color: #498FF0; //复选框内图标颜色
$--checkbox-check-border-color: #E2E6EC;
$--checkbox-check-bg-color: #fff;
$--checkbox-disabled-border-color: #ddd;
$--checkbox-disabled-bg-color: #F6F6F6;
$--checkbox-disabled-icon-color: #d3d3d3;
$--checkbox-disabled-color: #c6c6c6;

//------------ 滚动条
$--scrollbar-track-bg-color: transparent; //轨道背景色
$--scrollbar-track-hover-bg-color: transparent; //轨道hover背景色
$--scrollbar-track-active-bg-color: transparent; //轨道选中背景色
$--scrollbar-button-color: #E2E6EC; // 滑块背景色
$--scrollbar-thumb-bg-color: rgba(226, 230, 236, .5); // 滑块背景色
$--scrollbar-thumb-hover-bg-color: rgba(213, 220, 230, .5); // 滑块hover背景色
$--scrollbar-thumb-active-bg-color: rgba(204, 213, 226, .5); // 滑块选中背景色

//------------- 文字提示
$--popper-bg-color: rgba(0,0,0,.5);
$--popper-color: #fff;

//------------- 徽章
$--el-badge-color: #666;
$--el-badge-bg-color: transparent;
$--el-badge-dot-color: #E6673B;

  //------------- 开关
$--switch-inactive-color: #fff;
$--switch-inactive-bg-color: #FFB534;
$--switch-inactive-border-color: #FFB534;
$--switch-inactive-icon-color: #fff;
$--switch-active-color: #999;
$--switch-active-bg-color: #fff;
$--switch-active-border-color: #B7B7B7;
$--switch-active-icon-color: #B7B7B7;

  //-------------- 选项卡
$--tab-color: #666;
$--tab-bg-color: #f6f6f6;
$--tab-active-color: #498ff0;
$--tab-active-bg-color: #E9F3FF;
$--tab-hover-color: #999;
$--tab-hover-bg-color: #F4F9FF;
$--tab-disabled-color: #c6c6c6;
$--tab-disabled-bg-color: #f6f6f6;

  //---------------- 文字按钮
$--input-group-border-color: #ddd;
$--input-group-input-bg-color: #fff;
$--input-group-input-color: #999;
$--input-group-input-placeholder-color: #999;
$--input-group-input-disabled-bg-color: #f6f6f6;
$--input-group-input-disabled-color: #C6C6C6;
$--input-group-input-placeholder-disabled-color: #C6C6C6;
$--input-group-btn-bg-color: #fff;
$--input-group-btn-color: #498ff0;
$--input-group-btn-hover-bg-color: #F4F9FF;
$--input-group-btn-disabled-bg-color: #f6f6f6;
$--input-group-btn-disabled-color: #c6c6c6;

  //---------------- 弹窗
$--mask-color: rgba(5, 5, 5, .5);
$--dialog-bg-color: #fff;
$--dialog-header-color: #fff;
$--dialog-header-bg-color: #498FF0;
$--dialog-footer-border-color: #E2E6EC;

  //---------------- 弹窗表格
  //表头
$--table-head-color: #333;
$--table-head-bg-color: rgba(226, 230, 236, 1);
$--table-head-border-color: #FFFFFF;
$--table-sort-bg-color: #f4f9ff;
$--table-sort-icon-color: #c1c1c1;
$--table-sort-active-border-color: #498FF0;
  //表主体
$--table-color: #666;
$--table-border-color: #E2E6EC;
$--table-tr-bg-color: #fff;
$--table-tr-border-color: #E2E6EC;
$--table-tr-hover-bg-color: #F4F9FF;
$--table-tr-active-bg-color: #E9F3FF;

  //---------------- 消息提示
$--message-color: #666;
$--message-bg-color: #fff;
$--message-success-bg-color: #2FB238;
$--message-warning-bg-color: #F7942B;
$--message-error-bg-color: #DB4931;

  //---------------- 日期选择器
$--datepicker-box-shadow: rgba(27, 27, 27, 0.05);
$--datepicker-color: #fff;
$--datepicker-bg-color: #fff;
$--datepicker-head-bg-color: #498FF0;

$--datepicker-week-color: #999;
$--datepicker-cdate-color: #666;
$--datepicker-predate-color: #ccc;
$--datepicker-cdate-today-color: #498FF0;
$--datepicker-cdate-today-bg-color: #fff;
$--datepicker-cdate-today-border-color: #498FF0;
$--datepicker-cdate-hover-color: #666;
$--datepicker-cdate-hover-bg-color: #F4F9FF;
$--datepicker-cdate-hover-border-color: #F4F9FF;
$--datepicker-cdate-acitve-color: #fff;
$--datepicker-cdate-acitve-bg-color: #498FF0;
$--datepicker-cdate-acitve-border-color: #498FF0;

$--datepicker-header-border-color: #fff;
$--datepicker-contain-border-color: #F6F6F6;
$--datepicker-footer-border-color: #F6F6F6;
$--datepicker-footer-color: #498FF0;

$--datepicker-clock-plate-bg-color: #D5E8FF;
$--datepicker-clock-number-color: #666;
$--datepicker-clock-number-hover-color: #666;
$--datepicker-clock-number-hover-bg-color: #F4F9FF;
$--datepicker-clock-number-active-color: #fff;
$--datepicker-clock-number-active-bg-color: #498FF0;
$--datepicker-clock-calib-color: rgba(102, 102, 102, .3); //刻度
$--datepicker-clock-hourhand-color: #498FF0; //指针
$--datepicker-clock-circle-bg-color: #498FF0; //圆心
@include ssu-theme('defaultTheme');